<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>资源详情</title>
    <link rel="stylesheet" href="../css/index.min.css">
    <link rel="stylesheet" href="../css/resource-details.min.css">
    <link rel="stylesheet" href="../css/searchBox.min.css">
    <link rel="stylesheet" href="../css/loginPage.min.css">
    <link rel="stylesheet" href="../css/logined.min.css">
    <script src="../js/hotcss.js"></script>
</head>

<body>
    <div class="container">
        <!-- 头部 -->
        <header class="header">
            <div  class="login">
                <img class="menu" src="../image/common_menu.png" alt="">
            </div>
            <!-- <img class="logo" src="./image/logo.png" alt=""> -->
            <div class="search" id="search">
                <img  src="../image/common_search.png" alt="">
            </div>
        </header>
        <!-- 主体内容 -->
        <div class="content">
            <div class="top">
                <div class="one">
                    <div class="name">腾讯视频</div>
                    <div class="date">
                        <div>2016年5月26日</div>
                        <div class="eye_g"><img src="../image/eye_g.png" alt="灰色眼睛"></div>
                        <div>560</div>
                    </div>
                </div>
                <div class="two">腾讯视频贴片广告，60秒贴片广告，质量超棒！<br />
                    欢迎尝试，价格可谈</div>
                <div class="res_02"><img src="../image/res_02.jpg" alt="统计图"></div>


            </div>
            <div class="bottom">
                <div class="one">联系方式：</div>
                <div class="two">
                    <div class="renwu">
                        <div class="img_renwu"><img src="../image/renwu.png" alt="renwu"></div>
                        <div class="text">于皓</div>
                    </div>
                    <div class="tel">
                        <div class="img_tel"><img src="../image/tel.png" alt="tel"></div>
                        <div class="text">020-123456</div>
                    </div>
                    <div class="mes">
                        <div class="img_mes"><img src="../image/mes.png" alt="mes"></div>
                        <div class="text">hotane@qq.com</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 尾部 -->
        <footer class="footer">
            <a href="../index.html">
                <img src="../image/01home_g.png" class="footerIcon">
                <p>首页</p>
            </a>
            <a>
                <img src="../image/03GIMC_g.png" class="footerIcon">
                <p>GIMC</p>
            </a>
            <a href="./article.html">
                <img src="../image/05article_g.png" class="footerIcon">
                <p>文章</p>
            </a>
            <a href="./resource.html">
                <img src="../image/08resou_r.png" class="footerIcon">
                <p>资源</p>
            </a>
            <a href="./lesson.html">
                <img src="../image/09college_g.png" class="footerIcon">
                <p>学院</p>
            </a>
        </footer>
    </div>
    <div class="search-box"> 
        <div class="input-bar">
            <img src="../image/login_close.png" alt="" id="closeBtn">
            <div class="input-con">
                <img src="..//image/fangdajing.png" alt="">
                <input type="text" placeholder="search">
            </div>
        </div>
        <div class="search-tips">
            <div class="title">热搜</div>
            <div class="item-box">
                <div class="items">项目管理</div>
                <div class="items">移动互联网</div>
                <div class="items">细分平台业务</div>
                <div class="items">O2O</div>
                <div class="items">媒介平台</div>
                <div class="items">项目管理</div>
                <div class="items">拥抱变革，创造未来</div>
                <div class="items">平台</div>
                <div class="items">上海金投赏创意奖</div>
            </div>
        </div>

    </div> 

    <div class="login-page">
        <img src="../image/login_close.png" alt="" class="loginClose" id="loginClose">
        <div class="wrapper">
            <img src="../image/common_logo.png" alt="" class="logo">
            <div class="msg">
                <form action="">
                    <div class="item">
                        <label for="username">
                            <img src="../image/login_01.png" alt="">
                        </label>
                        <input type="text" id="username">
                    </div>
                    <div class="item">
                        <label for="psw">
                            <img src="../image/login_02.png" alt="">
                        </label>
                        <input type="password" id="psw">
                    </div>
                </form>
                <div class="forget-psw">
                    <img src="../image/login_03.png" alt="">
                    <span>忘记密码</span>
                </div>
            </div>
            <div class="btns">
                <div class="loginBtn" id="loginBtn">登陆</div>
                <div class="register">注册</div>
            </div>
        </div>
    </div>

    <div class="logined-page">
        <div class="input-bar">
            <img src="../image/login_close.png" alt="" id="closeLoginedBtn">
            <div class="input-con">
                <img src="..//image/fangdajing.png" alt="">
                <input type="text" placeholder="search">
            </div>
        </div>
        <div class="my-profile">
            <div class="avator">
                <img src="../image/head_portrait.png" alt="">
            </div>
            <div class="me">
                <div class="name">
                    <div class="username">
                        陈小敏
                    </div>
                    <div class="person-center">
                        个人中心&gt;
                    </div>
                </div>
                <div class="stars">
                    <img src="../image/star.png" alt="">
                    <img src="../image/star.png" alt="">
                    <img src="../image/star.png" alt="">
                    <img src="../image/star.png" alt="">
                </div>
                <div class="relation">
                    <div class="follows">
                        关注<span>36</span>
                    </div>
                    <span class="middile">|</span>
                    <div class="fans">
                        粉丝<span>290</span>
                    </div>
                </div>
            </div>
            <div class="btn-tool">
                <button>我的收藏</button>
                <button>我的发布</button>
            </div>
        </div>
        <div class="line"></div>
        <div class="menus">
            <div class="items">
                <div class="title">
                    GIMC
                    <img src="../image/drop_left.png" alt="">
                </div>
                <ul>
                    <li>省广介绍</li>
                    <li>新闻资讯</li>
                </ul>
            </div>
            <div class="items">
                <div class="title">
                    文章
                    <img src="../image/drop_left.png" alt="">
                </div>
            </div>
            <div class="items">
                <div class="title">
                    资源
                    <img src="../image/drop_left.png" alt="">
                </div>
            </div>
            <div class="items">
                <div class="title">
                    课程
                    <img src="../image/drop_left.png" alt="">
                </div>
            </div>
        </div>
        <div class="login-out">
            <button id="loginOutBtn">退出</button>
        </div>
    </div>
    <script src="../js/search.js"></script>
    <script src="../js/showLogin.js"></script>
</body>

</html>